.nav-wrapper {
    width: 100%;
    height: 74px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(242, 245, 249, 1);

    .nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;

        span img {
            margin-bottom: 5px;
            width: 21px;
            height: 23px;
        }

        span:nth-of-type(2) {
            font-size: 10px;
            font-weight: bold;
            letter-spacing: 0px;
            line-height: 13.72px;
            color: rgba(51, 51, 51, 0.6);
            text-align: left;
            vertical-align: top;
        }

        &.active-nav {
            span {
                color: rgba(0, 0, 0, 1) !important;
            }
            
        }
    }
}

@media (max-width: 1200px) {
    .nav-wrapper{
        .nav-item {
            span:nth-of-type(2) {
                font-weight: 500;
            }
        }
        .ant-col:nth-child(1) {
            .nav-item {
                span {
                    img{
                        width: 27px;
                    }
                }
            }
        }
        .ant-col:nth-child(2) {
            .nav-item {
                span {
                    img{
                        width: 21px;
                    }
                }
            }
        }
        .ant-col:nth-child(3) {
            .nav-item {
                span {
                    img{
                        width: 26px;
                    }
                }
            }
        }
        .ant-col:nth-child(4) {
            .nav-item {
                span {
                    img{
                        width: 20px;
                    }
                }
            }
        }
        .ant-col:nth-child(5) {
            .nav-item {
                span {
                    img{
                        width: 25px;
                    }
                }
            }
        }
    }
}